import { Text, StyleSheet, View ,LinearGradient,Image,TouchableOpacity,Alert} from 'react-native'
import React, { Component } from 'react'

export default class pic extends Component {
  ccc(){
    alert("点击");
  }
  render() {
    return (
      <View style={[styles.container]}>
        <View>
            <Text style={[styles.title]}>
                Please select the picture you like
            </Text>
            <View style={[styles.foun]}>
              <View style={[styles.fon_1]}>
              <TouchableOpacity onPress={this.ccc}>
                <Image source={require('D://ascode/AwesomeProject/personal/p1.png') }style={{ width: 150,marginLeft:10, height: 150 }}></Image>
              </TouchableOpacity>
              <TouchableOpacity onPress={this.ccc}>
                <Image source={require('D://ascode/AwesomeProject/personal/p2.png') }style={{ width: 150,marginLeft:50, height: 150 }}></Image>
              </TouchableOpacity>
              </View>
              <View style={[styles.fon_1]}>
              <TouchableOpacity onPress={this.ccc}>
                <Image source={require('D://ascode/AwesomeProject/personal/p3.png') }style={{ width: 150,marginLeft:10, height: 150, marginTop:20 }}></Image>
              </TouchableOpacity>
              <TouchableOpacity onPress={this.ccc}>
                <Image source={require('D://ascode/AwesomeProject/personal/p4.png') }style={{ width: 150,marginLeft:50, height: 150, marginTop:20 }}></Image>
              </TouchableOpacity>
              </View>
            </View>
            
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
    container:{
      backgroundColor:'#3CB371',
      height:10000
    },
    title:{
      color:'tomato',
      fontWeight:'800',
      fontSize:25,
      textAlign:'center',
      marginTop:20
    },
    foun:{
      height:375,
      backgroundColor:'#FFE4B5',
      borderTopLeftRadius:40,
      borderTopRightRadius:40,
      borderBottomRightRadius:40,
      borderBottomLeftRadius:40,
      marginTop:30,
      marginLeft:10,
      marginRight:10,
      paddingHorizontal:20,
      paddingVertical:20,
    },
    fon_1:{
      flexDirection:'row'
    }
})